<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>BIG DEAL</title>
		<link href="styles.css" rel="stylesheet" type="text/css">
		<script type="text/javascript">
    function validateForm() {
       
        var ho = document.forms["myForm"]["member_login"].value;
        if (ho == "") {
            alert("Họ không được để trống");
            return false;
        }
        var dienthoai = document.forms["myForm"]["dienthoai"].value;
        var kiemTraDT = isNaN(dienthoai);
        if (kiemTraDT == true) {
            alert("Điện thoại phải để ở định dạng số");
            return false;
        }
        var email=document.forms["myForm"]["email"].value;
        var aCong=email.indexOf("@");
        var dauCham = email.lastIndexOf(".");
        if ((aCong<1) || (dauCham<aCong+2) || (dauCham+2>email.length)) {
            alert("Email bạn điền không chính xác");
            return false;
        }
    }
</script>
	</head>
	<body>
	
	<div id="quangcao1"> <img src="${listqc.get(0).getUrlhinh()}" ></div>
	<div id="quangcao2"> <img src="${listqc.get(1).getUrlhinh()}" ></div>
	
	<jsp:include page="header.jsp" />
	<div class="formdangky">
	<table style = "font-family:arial">
	<form method ="post" action = "dangky" name="myForm" onsubmit="return validateForm()">
		<tr>
		<td>Tên Đăng Nhập*</td>
			<td><input  type = "text" name = "member_login" required></td>
		</tr>
	
	<tr>
		<td>Password*</td>
			<td><input  type = "password" name = "member_password" required></td>
	</tr>
	
	<tr>
		<td>Họ Tên*</td>
			<td><input  type = "text" name = "hoten" required></td>
	</tr>
	
	<tr>
		<td>Ngày Sinh*</td>
			<td><input  type = "text" name = "ngaysinh" required></td>
	</tr>
	
	<tr>
		<td>Địa Chỉ*</td>
			<td><input  type = "text" name = "diachi" required></td>
	</tr>
	
	<tr>
		<td>Điện Thoại*</td>
			<td><input  type = "text" name = "dienthoai" required></td>
	</tr>
	
	<tr>
		<td>Email*</td>
			<td><input  type = "text" name = "email" required></td>
			<td><div class="dangkythanhvien"><input type = "submit" value = "Register"></div></td>
	</tr>
	</form>
	</table>
	</div>
		<div id="background">
			<div id="Background"><img src="images/Background.png"></div>
			<div id="Layer36"><img src="images/Layer36.png"></div>
			<div id="Layer12"><img src="images/Layer12.png"></div>
			<div id="Layer2copy"><img src="images/Layer2copy.png"></div>
			<div id="Layer19"><img src="images/Layer19.png"></div>
			<div id="Layer7copy"><img src="images/Layer7copy.png"></div>
			<div id="Image"><img src="images/Image.png"></div>
			<div id="TRANGCH"><a href="#"><img src="images/TRANGCH.png"></a></div>
			<div id="Layer12copy"><img src="images/Layer12copy.png"></div>
			<div id="Layer2copy2"><img src="images/Layer2copy2.png"></div>
			<div id="Layer19copy"><img src="images/Layer19copy.png"></div>
			<div id="Layer13"><a href = "ctsanpham.jsp?masp=${listgiay.get(0).getMasp()}">
								<div class="gkm">${listgiay.get(0).getDiscount()}%</div>
							  <center><img height=160px border = 0 src=${listgiay.get(0).getUrlhinh()}></center>
							  </a><br></br>
			<a href = "ctsanpham.jsp?masp=${listgiay.get(0).getMasp()}"><center class="font">${listgiay.get(0).getTensp()}</center></a>
			</div>
			<div id="Layer14"><a href = "ctsanpham.jsp?masp=${listgiay.get(1).getMasp()}">
							  <div class="gkm">${listgiay.get(1).getDiscount()}%</div>
							  <center><img height=160px border = 0 src=${listgiay.get(1).getUrlhinh()}></center>
							  </a><br></br>
			<a href = "ctsanpham.jsp?masp=${listgiay.get(1).getMasp()}"><center class="font">${listgiay.get(1).getTensp()}</center></a>
			</div>
			<div id="Layer15"><a href = "ctsanpham.jsp?masp=${listgiay.get(2).getMasp()}">
			<div class="gkm">${listgiay.get(2).getDiscount()}%</div>
							  <center><img width=255px height=160px border = 0 src=${listgiay.get(2).getUrlhinh()}></center>
							  </a><br></br>
			<a href = "ctsanpham.jsp?masp=${listgiay.get(2).getMasp()}"><center class="font">${listgiay.get(2).getTensp()}</center></a>
			</div>
			<div id="Layer16"><a href = "ctsanpham.jsp?masp=${listgiay.get(3).getMasp()}">
			<div class="gkm">${listgiay.get(3).getDiscount()}%</div>
							  <center><img height=160px border = 0 src=${listgiay.get(3).getUrlhinh()}></center>
							  </a><br></br>
			<a href = "ctsanpham.jsp?masp=${listgiay.get(3).getMasp()}"><center class="font">${listgiay.get(3).getTensp()}</center></a>
			</div>
			<div id="Layer17"><a href = "ctsanpham.jsp?masp=${listgiay.get(4).getMasp()}">
			<div class="gkm">${listgiay.get(4).getDiscount()}%</div>
							  <center><img height=160px border = 0 src=${listgiay.get(4).getUrlhinh()}></center>
							  </a><br></br>
			<a href = "ctsanpham.jsp?masp=${listgiay.get(4).getMasp()}"><center class="font">${listgiay.get(4).getTensp()}</center></a>
			</div>
			<div id="Layer18"><a href = "ctsanpham.jsp?masp=${listgiay.get(5).getMasp()}">
			<div class="gkm">${listgiay.get(5).getDiscount()}%</div>
							  <center><img height=160px border = 0 src=${listgiay.get(5).getUrlhinh()}></center>
							  </a><br></br>
			<a href = "ctsanpham.jsp?masp=${listgiay.get(5).getMasp()}"><center class="font">${listgiay.get(5).getTensp()}</center></a>
			</div>
			<div id="Layer23"><a href = "ctsanpham.jsp?masp=${listgiay.get(6).getMasp()}">
			<div class="gkm">${listgiay.get(6).getDiscount()}%</div>
							  <center><img height=160px border = 0 src=${listgiay.get(6).getUrlhinh()}></center>
							  </a><br></br>
			<a href = "ctsanpham.jsp?masp=${listgiay.get(6).getMasp()}"><center class="font">${listgiay.get(6).getTensp()}</center></a>
			</div>
			<div id="Layer20"><a href = "ctsanpham.jsp?masp=${listgiay.get(7).getMasp()}">
			<div class="gkm">${listgiay.get(7).getDiscount()}%</div>
							  <center><img height=160px border = 0 src=${listgiay.get(7).getUrlhinh()}></center>
							  </a><br></br>
			<a href = "ctsanpham.jsp?masp=${listgiay.get(7).getMasp()}"><center class="font">${listgiay.get(7).getTensp()}</center></a>
			</div>
			<div id="Layer21"><a href = "ctsanpham.jsp?masp=${listgiay.get(8).getMasp()}">
			<div class="gkm">${listgiay.get(8).getDiscount()}%</div>
							  <center><img height=160px border = 0 src=${listgiay.get(8).getUrlhinh()}></center>
							  </a><br></br>
			<a href = "ctsanpham.jsp?masp=${listgiay.get(8).getMasp()}" ><center class="font">${listgiay.get(8).getTensp()}</center></a>
			</div>
			<div id="Layer7copy3"><img src="images/Layer7copy3.png"></div>
			<div id="DEALHMNAY"><a href="#DEALHMNAY"><img src="images/DEALHMNAY.png"></a></div>
			<div id="TRANGCH_0"><a href="#"><img src="images/TRANGCH_0.png"></a></div>
			<div id="ANGK"><a href="#ANGK_0"><img src="images/ANGK.png"></a></div>
			<div id="TRGIP"><a href="#TRGIP_0"><img src="images/TRGIP.png"></a></div>
			<div id="Layer12copy2"><img src="images/Layer12copy2.png"></div>
			<div id="Layer2copy3"><img src="images/Layer2copy3.png"></div>
			<div id="Lwebsitehngduvcungcp"><img src="images/Lwebsitehngduvcungcp.png"></div>
			<div id="layer_29"><img src="images/layer_29.png"></div>
			<div id="GiiThiuTrGip"><img src="images/GiiThiuTrGip.png"></div>
			<div id="Layer42"><img src="images/Layer42.png"></div>
			<div id="BigDeallg"><img src="images/BigDeallg.png"></div>
			<div id="Layer19copy2"><img src="images/Layer19copy2.png"></div>
			<div id="Layer7copy5"><img src="images/Layer7copy5.png"></div>
			<div id="TRGIP_0"><a href="#TRGIP_0"><img src="images/TRGIP_0.png"></a></div>
			<div id="Layer12copy3"><img src="images/Layer12copy3.png"></div>
			<div id="Layer2copy4"><img src="images/Layer2copy4.png"></div>
			<div id="CHOMNGBNGianhpgia"><img src="images/CHOMNGBNGianhpgia.png"></div>
			<div id="Layer37"><img src="images/Layer37.png"></div>
			<div id="Layer126copy8"><img src="images/Layer126copy8.png"></div>
			<div id="f"><a href="https://www.facebook.com/thanhthanhthien"><img src="images/f.png"></a></div>
			<div id="Layer126copy10"><img src="images/Layer126copy10.png"></div>
			<div id="Layer139copy"><a href="lienhe.jsp"><img src="images/Layer139copy.png"></a></div>
			<div id="Layer32"><img src="images/Layer32.png"></div>
			<div id="MINPHVNCHUYNTRONGTHN"><img src="images/MINPHVNCHUYNTRONGTHN.png"></div>
			<div id="Ellipse5"><img src="images/Ellipse5.png"></div>
			<div id="HOTLINE0988849124090"><img src="images/HOTLINE0988849124090.png"></div>
			<div id="Layer7copy4"><img src="images/Layer7copy4.png"></div>
			<div id="gototopcopy"><a href="#"><img src="images/gototopcopy.png"></a></div>
			<div id="Layer7copy4_0"><img src="images/Layer7copy4_0.png"></div>
			<div id="gototopcopy_0"><a href="#"><img src="images/gototopcopy_0.png"></a></div>
			<div id="Layer7copy4_1"><img src="images/Layer7copy4_1.png"></div>
			<div id="gototopcopy_1"><a href="#"><img src="images/gototopcopy_1.png"></a></div>
			<div id="Layer7copy4_2"><img src="images/Layer7copy4_2.png"></div>
			<div id="gototopcopy_2"><a href="#"><img src="images/gototopcopy_2.png"></a></div>
			<div id="Ellipse5copy"><img src="images/Ellipse5copy.png"></div>
			<div id="layer_57"><img src="images/layer_57.png"></div>
			<div id="layer_58"><img src="images/layer_58.png"></div>
			<div id="LINHCHNGTI"><img src="images/LINHCHNGTI.png"></div>
			<div id="GiaoHngMinPhTrongThn"><img src="images/GiaoHngMinPhTrongThn.png"></div>
			<div id="Layer7copy6"><img src="images/Layer7copy6.png"></div>
			<div id="ANGK_0"><a href="#ANGK_0"><img src="images/ANGK_0.png"></a></div>
			<div id="TRGIP_1"><a href="#TRGIP_0"><img src="images/TRGIP_1.png"></a></div>
			<div id="DEALHMNAY_0"><a href="#DEALHMNAY"><img src="images/DEALHMNAY_0.png"></a></div>
			<div id="TRANGCH_1"><a href="#"><img src="images/TRANGCH_1.png"></a></div>
			<div id="DEALHMNAY_1"><a href="#DEALHMNAY"><img src="images/DEALHMNAY_1.png"></a></div>
			<div id="DEALHMNAY_2"><a href="#DEALHMNAY"><img src="images/DEALHMNAY_2.png"></a></div>
			<div id="TRGIP_2"><a href="#TRGIP_0"><img src="images/TRGIP_2.png"></a></div>
			<div id="ANGK_1"><a href="#ANGK_0"><img src="images/ANGK_1.png"></a></div>
			<div id="Badgebg"><img src="images/Badgebg.png"></div>
			<div id="Free"><img src="images/Free.png"></div>
			<div id="Badge"><img src="images/Badge.png"></div>
			<div id="tottalyfree"><img src="images/tottalyfree.png"></div>
			<div id="since1924"><img src="images/since1924.png"></div>
			<div id="Line"><img src="images/Line.png"></div>
			<div id="Line_0"><img src="images/Line_0.png"></div>
			<div id="fooddrinksgrill"><img src="images/fooddrinksgrill.png"></div>
			<div id="ANGK_2"><a href="#ANGK_0"><img src="images/ANGK_2.png"></a></div>
			<div id="TRANGCH_2"><a href="#"><img src="images/TRANGCH_2.png"></a></div>
			<div id="BigDeal"><img src="images/BigDeal.png"></div>	
		</div>
 </body>
 </html>